<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="A front-end template that helps you build fast, modern mobile web apps.">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Material Design Lite">
    <meta name="msapplication-TileImage" content="images/touch/ms-touch-icon-144x144-precomposed.png">
    <meta name="msapplication-TileColor" content="#3372DF">
    <title>我的月度订单</title>
    <link rel="icon" sizes="192x192" th:href="@{/frontStatic/image/logo.png}">
    <link rel="apple-touch-icon-precomposed" th:href="@{/frontStatic/image/logo.png}">
    <link rel="shortcut icon" th:href="@{/frontStatic/image/logo.png}">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en">
    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link rel="stylesheet" th:href="@{https://code.getmdl.io/1.3.0/material.cyan-light_blue.min.css}">
    <link rel="stylesheet" th:href="@{/frontStatic/css/infostyle.css}">
    <link rel="stylesheet" th:href="@{/frontStatic/css/bootstrap/css/bootstrap.min.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/frontStatic/css/sweetalert.css}">
    <script type="text/javascript" th:src="@{/frontStatic/js/jquery.js}"></script>
    <script type="text/javascript" th:src="@{/frontStatic/css/bootstrap/js/bootstrap.min.js}"></script>
    <script type="text/javascript" th:src="@{/frontStatic/js/sweetalert.min.js}"></script>
    <script type="text/javascript" th:src="@{/frontStatic/js/distpicker.js}"></script>
    <script type="text/javascript" th:src="@{/frontStatic/js/jquery.raty.js}"></script>
    <script type="text/javascript" th:src="@{/frontStatic/js/front/list.js}"></script>
    <style>
        .templatemo-blue-button {
            background-color: #39ADB4;
            border: none;
            color: white;
        }
        .no-border{border: 0 solid transparent !important;}
        .finish-btn{
            background-color:#e65b0e !important;
        }
        .font-color{
            color: #00BBD6; !important;
        }
    </style>
</head>
<body>

<div class="demo-layout mdl-layout mdl-js-layout mdl-layout--fixed-drawer mdl-layout--fixed-header">
    <header class="demo-header mdl-layout__header mdl-color--grey-100 mdl-color-text--grey-600">
        <div class="mdl-layout__header-row">
            <span class="mdl-layout-title">本月订单统计</span>
            <div class="mdl-layout-spacer"></div>
            <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable">
            </div>
        </div>
    </header>
    <div class="demo-drawer mdl-layout__drawer mdl-color--blue-grey-900 mdl-color-text--blue-grey-50">
        <header class="demo-drawer-header">
            <div class="demo-avatar-dropdown">
                <h1>Canteen</h1>
                <div class="mdl-layout-spacer"></div>
            </div>
        </header>
        <nav class="demo-navigation mdl-navigation mdl-color--blue-grey-800">
            <a class="mdl-navigation__link" th:href="@{/front/toMain}"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">home</i>主页</a>
            <a class="mdl-navigation__link" th:href="@{/front/toInfo}"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">inbox</i>个人信息</a>
            <a class="mdl-navigation__link" th:href="@{/front/toOrder}"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">forum</i>今日订单</a>
            <a class="mdl-navigation__link" th:href="@{/front/toMonOrder}"><i class="mdl-color-text--blue-grey-400 material-icons" role="presentation">forum</i>月度订单</a>
        </nav>
    </div>
    <main class="mdl-layout__content mdl-color--grey-100">
            <div class="mdl-grid demo-content" id="parent">
                <div class="demo-charts mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--12-col mdl-grid">
                    <h3>订单统计</h3>
                        <div class="demo-charts mdl-color--white mdl-shadow--2dp mdl-cell mdl-cell--12-col mdl-grid">
                        <div class="tab-content col-lg-12">
                            <table class="table " cellpadding="6" cellspacing="1" >
                                <tbody>
                                <td class="no-border col-lg-9" th:text="'姓名：' + ${session.currUser.name} + '&nbsp;&nbsp;&nbsp;电话:' + ${session.currUser.telephone} + '&nbsp;&nbsp;&nbsp;统计月份：' + ${session.monDate}">
                                </td>
                                <td  class="no-border col-lg-3" th:text="'月度总消费:' + ${session.monTotalPrice}">
                                </td>
                                </tbody>
                            </table>
                            <table class="table " cellpadding="6" cellspacing="1">
                                <tbody>
                                <tr>
                                    <td class="col-lg-2">
                                        下单时间
                                    </td>
                                    <td class="col-lg-1">
                                        菜品名称
                                    </td>
                                    <td class="col-lg-2">
                                        计量单位
                                    </td>
                                    <td class="col-lg-1">
                                        数量
                                    </td>
                                    <td class="col-lg-2">
                                        总金额
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <table class="table table-bordered" cellpadding="6" cellspacing="1" th:each="bo:${session.monBlanketOrderList}">
                                <tbody>
                                <tr>
                                    <td class="col-lg-2" th:text="${#dates.format(bo.createTime, 'yyyy-MM-dd HH:mm:ss')}">
                                        XXX
                                    </td>
                                    <td class="col-lg-1" th:text="${bo.name}">
                                        XXX
                                    </td>
                                    <td class="col-lg-2" th:text="${bo.unit}">
                                        XXX
                                    </td>
                                    <td class="col-lg-1" th:text="${bo.weight}">
                                        XXX
                                    </td>
                                    <td class="col-lg-2" th:text="${bo.totalPrice}">
                                        XXX
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="mdl-card__actions mdl-card--border">
                            <button class="templatemo-blue-button " name="finishList" value="${pageContext.request.contextPath}"><h5>打印流水</h5></button>
                        </div>
                    </div>
                </div>
            </div>
    </main>
</div>

<script type="text/javascript" th:src="@{https://code.getmdl.io/1.3.0/material.min.js}"></script>
</body>
</html>
